.editorLightComponent {
  max-height: 100%;
  overflow: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0 0 8px;
  .itemBox {
    width: calc(50% - 8px / 2);
    box-sizing: border-box;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;

    &:hover {
      .img {
        border: 1px solid $mainColor;
      }
    }

    &:nth-child(2n) {
      margin-right: 0;
    }

    .img {
      width: 100%;
      height: 90px;
      border-radius: 8px;
      border: 1px solid $subColor;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .iconfont {
      font-size: 30px;
      color: $greyColor;
    }

    .name {
      width: 100%;
      text-align: center;
      font-size: 14px;
    }
  }
}
